<template>
	<div class="wrapper-detail">
		<div class="d-header">
			<p class="text-title">{{nowRowData.applyConfigName}}</p>
			<div class="text-tag-list">
				<span class="text-tag">{{nowRowData.subsidyTypeLabel}}</span>
			</div>
			<div class="text-tag-list">
				<span class="text-label">创建人：{{nowRowData.createUserName}}</span>
				<span class="text-label">创建时间：{{nowRowData.createTime}}</span>
			</div>
		</div>
		<div class="d-content">
      <ApplyConfig :model="{...nowRowData,subsidyApplyConfigId}" :isDetail="true"></ApplyConfig>
		</div>
	</div>
</template>

<script setup lang="ts">
import ApplyConfig from './ApplyConfig/index.vue'

const props = defineProps<{
	nowRowData: any,
  subsidyApplyConfigId?: string|number
}>()
</script>

<style scoped lang="scss">
.mt30 {
  margin-top: 30px;
}
.wrapper-detail {
	width: 100%;
	height: 100%;
	.d-header {
		height: 180px;
		border-radius: 10px 10px 0 0;
		background: rgba(238, 242, 255, 0.5);
    padding: 22px;
		.text-title {
			font-family: 'Microsoft YaHei Bold';
			font-weight: 700;
			font-size: 30px;
			line-height: 40px;
			text-align: left;
			color: #1c1c28;
		}
		.text-tag-list {
			display: flex;
			gap: 10px;
			padding: 12px 0;
			.text-tag {
				color: #3f5485;
				padding: 2px 12px;
				height: 25px;
				border-radius: 4px;
				background: #d5e1ff;
			}
			.text-label {
				font-family: 'Microsoft YaHei';
				font-weight: 400;
				font-size: 16px;
				text-align: left;
				color: rgba(0, 0, 0, 0.9);
				opacity: 0.5;
			}
		}
	}
	.d-content {
    width: 100%;
    height: 100%;
		background-color: #fff;
    padding: 22px;
	}
}
</style>
